<template>
<h1>按钮组件</h1>
  <el-button>默认按钮</el-button>
  <el-button type="primary">Primary按钮</el-button>
  <el-button type="success">Success按钮</el-button>
  <el-button type="info">Info按钮</el-button>
  <el-button type="warning">Warning按钮</el-button>
  <el-button type="danger">Danger按钮</el-button>
<hr>
  <div>
    <el-button type="primary" :icon="Edit" />
    <el-button type="primary" :icon="Share" />
    <el-button type="primary" :icon="Delete" />
    <el-button type="primary" :icon="Search">Search</el-button>
    <el-button type="primary">
      Upload<el-icon class="el-icon--right"><Upload /></el-icon>
    </el-button>
  </div>


</template>

<script setup>
import { Delete, Edit, Search, Share, Upload } from '@element-plus/icons-vue'
</script>

<style scoped>

</style>